<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <link rel="stylesheet" href="./../assets/css/base.css">
        <link rel="stylesheet" href="./../assets/css/matter.css">
    </head>
    <body>
        <header>
            <a href="#" class="user"><img src="./../assets/image/arrow-left.png" alt=""></a>
            <span>素材库</span>
        </header>
        <nav>
            <div class="nav-index">
                <img src="./../assets/image/nav-pic22.png" alt=""><br>
                <span>购物中心</span>
            </div>
            <div class="nav-index">
                <img src="./../assets/image/nav-pic22.png" alt=""><br>
                <span>购物中心</span>
            </div>
            <div class="nav-index">
                <img src="./../assets/image/nav-pic22.png" alt=""><br>
                <span>购物中心</span>
            </div>
        </nav>
        <div class="matter-list">
            <div class="matter-index">
                <img src="./../assets/image/zixun-pic.jpeg" alt="" class="pic">
                <h3>28米高颜值圣诞树点亮城市夜空发发呆发</h3>
                <p><img src="./../assets/image/pinglun.png" alt="">108 <img src="./../assets/image/eye.png" alt="">4308</p>
            </div>
            <div class="matter-index">
                <img src="./../assets/image/zixun-pic.jpeg" alt="" class="pic">
                <h3>28米高颜值圣诞树点亮城市夜空发发呆发</h3>
                <p><img src="./../assets/image/pinglun.png" alt="">108 <img src="./../assets/image/eye.png" alt="">4308</p>
            </div>
            <div class="matter-index">
                <img src="./../assets/image/zixun-pic.jpeg" alt="" class="pic">
                <h3>28米高颜值圣诞树点亮城市夜空发发呆发</h3>
                <p><img src="./../assets/image/pinglun.png" alt="">108 <img src="./../assets/image/eye.png" alt="">4308</p>
            </div>
            <div class="matter-index">
                <img src="./../assets/image/zixun-pic.jpeg" alt="" class="pic">
                <h3>28米高颜值圣诞树点亮城市夜空发发呆发</h3>
                <p><img src="./../assets/image/pinglun.png" alt="">108 <img src="./../assets/image/eye.png" alt="">4308</p>
            </div>
            <div class="matter-index">
                <img src="./../assets/image/zixun-pic.jpeg" alt="" class="pic">
                <h3>28米高颜值圣诞树点亮城市夜空发发呆发</h3>
                <p><img src="./../assets/image/pinglun.png" alt="">108 <img src="./../assets/image/eye.png" alt="">4308</p>
            </div>
            <div class="matter-index">
                <img src="./../assets/image/zixun-pic.jpeg" alt="" class="pic">
                <h3>28米高颜值圣诞树点亮城市夜空发发呆发</h3>
                <p><img src="./../assets/image/pinglun.png" alt="">108 <img src="./../assets/image/eye.png" alt="">4308</p>
            </div>
            <div class="matter-index">
                <img src="./../assets/image/zixun-pic.jpeg" alt="" class="pic">
                <h3>28米高颜值圣诞树点亮城市夜空发发呆发</h3>
                <p><img src="./../assets/image/pinglun.png" alt="">108 <img src="./../assets/image/eye.png" alt="">4308</p>
            </div>
            <div class="matter-index">
                <img src="./../assets/image/zixun-pic.jpeg" alt="" class="pic">
                <h3>28米高颜值圣诞树点亮城市夜空发发呆发</h3>
                <p><img src="./../assets/image/pinglun.png" alt="">108 <img src="./../assets/image/eye.png" alt="">4308</p>
            </div>
        </div>
    </body>
</html>